<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="description" content="" />
	<meta http-equiv="keywords" content="" />
	<link type="text/css" href="${ctx}/resources/css/index.css" rel="stylesheet" />
	<link type="text/css" href="${ctx}/resources/css/reset.css" rel="stylesheet" />
    <link rel="stylesheet" href="${ctx}/resources/css/luara.css"/>
    <!--左滑样式-->
    <link rel="stylesheet" href="${ctx}/resources/css/lb.css"/>
    <link rel="stylesheet" href="${ctx}/resources/css/luara.left.css"/>
    <!--上滑样式-->
    <link rel="stylesheet" href="${ctx}/resources/css/luara.top.css"/>
</head>
<script type="text/javascript" src="${ctx}/resources/js/jquery-2.0.3.min.js" ></script>
<script src="${ctx}/resources/js/jquery.luara.0.0.1.min.js"></script>
<style>
	.zl-envir-div{
		margin:auto;
		border:2px solid #F2F2F2; 
		margin-top: 20px;
		text-align: center;
	    width: 100%;
	    height: 400px;
	}
	.zl-envir-p{
	    text-align: left;
	    margin-bottom: 20px;
	}
</style>
<script type="text/javascript" src="${ctx}/resources/js/web.js" ></script>
<title>关于我们-简介</title>
<body style="width: 100%;text-align: center;overflow: auto">
<div class="zl-nav clearfix" style="background: url(${ctx}/resources/img/top.png); background-size:100% 100%;">
    <ul  class="zl_main clearfix"  >
        <li class="zl-nav-curr">
		        <li >
		            <a href="${ctx}/index.html" >首页</a>
		        </li>
		        <li>
		            <a href="${ctx}/news.html">新闻资讯</a>
		        </li>
		        <li>
		            <a href="##" class="zl-hover">关于我们</a>
		        </li>
		     	<li>
		            <a href="${ctx}/linkus.html">联系我们</a>
		        </li>
		        <li>
		            <a href="${ctx}/aboutus.html?type=3">加入我们</a>
		        </li>
		   </ul>
		    <span class="lgs"><a href="http://admin.zgyzh.net"><em>我是商家</em></a></span>
</div>
<div class="zl-title" ><span>ABOUT US</span></div>
<div class="content">
	<table>
		<tr>
			<td class="content-left">
				<div>
					<span class="zl-span">关于我们</span>
					<ul class="zl-tab">
						<li class="zl-li" onclick="jump('${ctx}/aboutus','type=1')">简&nbsp;介</li>
						<li class="zl-li">团&nbsp;队</li>
						<li class="zl-li" onclick="jump('${ctx}/aboutus','type=2')">大家庭</li>
						<li class="zl-li big-hover">办公环境</li>
						<li class="zl-li" onclick="jump('${ctx}/aboutus-progress')">项目进程</li>
					</ul>
					
				</div>
			</td>
			<td class="content-right">
				<div class="content-right-div">
					<p class="zl-envir-p clearfix">
						优良的办公环境：						
					</p>
					<!--
                    	作者：245813299@qq.com
                    	时间：2017-03-01
                    	描述：div 给个 id 此id 下的子图片，放到数组里，循环
                    -->
					 	<div class="example2">
					        <ul>
						        <#list slideList as u>
						         	<#if u_index &lt;5>
						         		<li><img src="${tagUtils.getFileFullPath(u.icon)!}" alt="1"/></li>
						         	</#if>
						        </#list>
					        </ul>
					   		<ol>
					            <li></li>
					            <li></li>
					            <li></li>
					            <li></li>
					            <li></li>
					        </ol>
					 	</div>
				</div> 
			</td>
		</tr>
	</table>
</div>
<div class="zl-buttom clearfix"></div>
<div class="zl-link ">
<ul>
		<li>全国客服热线: ${linkus.phone!}</li>
		<li>手机: ${linkus.tel!}</li>
		<li>官方微信: ${linkus.wx!}</li>
		<li>传真: ${linkus.fax!}</li>
		<li>邮箱: ${linkus.email!}</li>
		<li>地址: ${linkus.address!}</li>
	</ul>
</div>
<div class="zl-buttom1 clearfix"></div>
</body>
<script>
$(function(){
    <!--调用Luara示例-->
    $(".example2").luara({width:"500",height:"334",interval:2500,selected:"seleted",deriction:"left"});

});
</script>

<script>
	$(".zl-li").on('mouseover',function(){
		$(this).addClass("zl-li-hover");
	}) 
	$(".zl-li").on('mouseleave',function(){
		$(this).removeClass("zl-li-hover");
	}) 
</script>